<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../js/plugin/swiper/swiper.min.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header-container">
        <div class="header-box">
            <a href="#" class="header-container-lf left">
                安徽省专业技术人员继续教育网络培训平台
            </a>
            <div class="header-container-rgt right">
                <div class="phone-container"></div>
                <div class="phone-number">
                    <p>000-000-0000</p>
                    <p>在线联系客服电话</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 主导航 -->
    <div class="section1-container">
        <ul class="section1">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">我要报名</a></li>
            <li><a href="#">通知公告</a></li>
            <li><a href="#">学习中心</a></li>
            <li><a href="#">开班公告</a></li>
        </ul>
    </div>
   
    <!-- 轮播 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#">
                    <img src="../images/slide.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img src="../images/slide.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img src="../images/slide.png" alt="">
                </a>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <!-- 学习流程 -->
    <div class="section2">
      <img src="../images/step.png" alt="">
    </div>

    <!-- 培训地区、开班公告 -->
    <div class="section3">
        <div class="section-area left">
            <div class="section-title">
                培训地区 <span>Training area</span>
            </div>
            <ul class="section-content">
                <a href="#">
                    <li>铜陵</li>
                </a>
                <a href="#">
                    <li>宣城</li>
                </a>
                <a href="#">
                    <li>宿松</li>
                </a>
                <a href="#">
                    <li>太湖</li>
                </a>
                <a href="#">
                    <li>歙县</li>
                </a>
                <a href="#">
                    <li>贵池区</li>
                </a>
                <a href="#">
                    <li>马鞍山</li>
                </a>
                <a href="#">
                    <li>金寨县</li>
                </a>
            </ul>
        </div>
        <div class="section-class left">
            <p class="section-title">开班公告</p>
            <ul class="section-content">
                <a href="#">
                    <li>•关于2020年开班通知需20年开班通</li>
                </a>
                <a href="#">
                    <li>•关于2020年开班通知需20年开班通</li>
                </a>
                <a href="#">
                    <li>•关于2020年开班通知需20年开班通</li>
                </a>
                <a href="#">
                    <li>•关于2020年开班通知需20年开班通</li>
                </a>
                <a href="#">
                    <li>•关于2020年开班通知需20年开班通</li>
                </a>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

    <!-- 新闻资讯 -->
    <div class="section4">
        <div class="section-title">
            <span>新闻资讯</span>
            <div class="section-line">
                <p class="line-lf"></p>
                <p class="line-content">News information</p>
                <p class="line-rgt"></p>
            </div>
        </div>
        <div class="section-content">
            <div class="news-swiper-container left">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="../images/slide.png" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="../images/slide.png" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="../images/slide.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>

            <ul class="news-list left">
                <a href="#">
                    <li>市场频震荡 投连险随之加速洗牌市投连险随丰盛的之加速洗牌</li>
                </a>
                <a href="#">
                    <li>市场频震荡 投连险随之加速洗牌市投连险随丰盛的之加速洗牌</li>
                </a>
                <a href="#">
                    <li>市场频震荡 投连险随之加速洗牌市投连险随丰盛的之加速洗牌</li>
                </a>
                <a href="#">
                    <li>市场频震荡 投连险随之加速洗牌市投连险随丰盛的之加速洗牌</li>
                </a>
                <a href="#">
                    <li>市场频震荡 投连险随之加速洗牌市投连险随丰盛的之加速洗牌</li>
                </a>
            </ul>
            <div class="clear"></div>
        </div>
    </div>

    <!-- 快速通道 -->
    <div class="section5">
        <div class="section-title">
            <span>快速通道</span>
            <div class="section-line">
                <p class="line-lf"></p>
                <p class="line-content">Fast   track</p>
                <p class="line-rgt"></p>
            </div>
        </div>
        <ul class="section-content">
            <a href="#">
                <li>
                    <div class="circle-container"></div>
                    <p>公需课培训</p>
                </li>
            </a>
            <a href="#">
                <li>
                    <div class="circle-container"></div>
                    <p>专业课培训</p>
                </li>
            </a>
            <a href="#">
                <li>
                    <div class="circle-container"></div>
                    <p>转岗培训</p>
                </li>
            </a>
            <a href="#">
                <li>
                    <div class="circle-container"></div>
                    <p>常见问题</p>
                </li>
            </a>
        </ul>
    </div>

    <!-- 分享链接 -->
    <div class="section7-container">
        <div class="section7">
            <a href="#">安徽继续教育</a>
            <a href="#">安徽继续教育</a>
            <a href="#">安徽继续教育</a>
            <a href="#">安徽继续教育</a>
            <a href="#">安徽继续教育</a>
            <a href="#">安徽继续教育</a>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer-container">
        <div class="footer">
            <div class="footer-section1">
                <a href="#">网站介绍</a>|
                <a href="#">网站声明</a>|
                <a href="#">网站地图</a>|
                <a href="#">联系我们</a>|
                <a href="#">投诉建议</a>|
                <a href="#">招聘英才</a>
            </div>
            <p class="footer-section2">
                推荐使用谷歌浏览器及1024*768以上分辨率打开本网站及其相关内容
            </p>
            <p class="footer-section3">安徽省继继续教育人员继续教育培训基地coprighht2012-2016安徽继续教育网  all right reserved 皖icp备12002013号</p>
        </div>
    </div>

    <script src="../js/plugin/jquery.1.11.3.min.js"></script>
    <script src="../js/plugin/swiper/swiper.min.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>